<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>验证码通知</title>
</head>
<body style="margin: 0; padding: 0; font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;">
    
    <!-- 外层容器 -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width: 900px; margin: 20px auto; background-color: #f7f9fc;">
        <tr>
            <td style="padding: 40px 30px;">
                
                <!-- Logo -->
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td style="text-align: center; padding-bottom: 30px;">
                            <img src="[您的LogoURL]" alt="Company Logo" width="120" style="max-width: 120px;">
                        </td>
                    </tr>
                </table>

                <!-- 内容卡片 -->
                <div style="background: #ffffff; border-radius: 12px; padding: 40px 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
                    <!-- 标题 -->
                    <h1 style="color: #1a1a1a; font-size: 24px; margin: 0 0 25px 0; text-align: center;">您的验证码</h1>
                    
                    <!-- 验证码显示 -->
                    <div style="background: #f3f6fb; border-radius: 8px; padding: 15px; text-align: center; margin: 20px 0;">
                        <span style="color: #2d8cf0; font-size: 32px; letter-spacing: 4px; font-weight: bold;">[${code}]</span>
                    </div>

                    <!-- 提示文字 -->
                    <p style="color: #666; font-size: 14px; line-height: 1.6; margin: 20px 0;">
                        此验证码将在 <strong style="color: #2d8cf0;">15分钟</strong> 后失效，请勿向他人泄露。
                    </p>
                    
                    <!-- 安全提示 -->
                    <div style="border-top: 1px solid #eee; padding-top: 25px; margin-top: 30px;">
                        <p style="color: #999; font-size: 12px; margin: 5px 0;">
                            ⚠️ 安全提示：我们的工作人员不会向您索要验证码，请妥善保管
                        </p>
                    </div>
                </div>

                <!-- 页脚 -->
                <div style="text-align: center; padding: 25px 0 0; color: #999; font-size: 12px;">
                    <p style="margin: 5px 0;">© 2023 [公司名称] 版权所有</p>
                    <p style="margin: 5px 0;">如需帮助，请联系 <a href="mailto:support@company.com" style="color: #2d8cf0; text-decoration: none;">support@company.com</a></p>
                </div>

            </td>
        </tr>
    </table>

</body>
</html>